<!DOCTYPE html>
<ui:composition template="/master.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:define name="content">
		            <br />
            <h:outputText value="Salon: #{combobebidaxsalonBean2.salon.nombreSalon}" />
			<br />	 	 
	
	<p:panel id="detallecombos" header="Asignar Combos de Bebidas"
				style="background-color:rgba(0,0,0,0);">
				
				<h:panelGrid columns="2" cellpadding="1">
				
					
					<h:outputLabel for="comboID" value="Nombre Combo Bebidas:" />
					<p:inputText id="comboID" value="#{combobebidaxsalonBean2.combobebida.nombreCombo}" style="width:200px"> </p:inputText>
						
					<h:outputLabel for="descripcionID" value="Descripcion:" />
					<p:inputText id="descripcionID" value="#{combobebidaxsalonBean2.combobebida.descripcionCombo}" style="width:200px"> </p:inputText>
					
					<h:outputLabel for="precioID" value="Precio:$" />
					<p:inputText id="precioID" value="#{combobebidaxsalonBean2.combobebidaxsalon.precio}" style="width:200px"> </p:inputText>
					
					<br>
					</br>
					
				</h:panelGrid>
				
				<p:panel id="combodetalle" header="Asignar Bebidas a los Combos"
				style="background-color:rgba(0,0,0,0);">
					
					<h:outputLabel for="selectBebida" value="Bebidas:" />
					<p:selectOneMenu id="selectBebida" converter="bebidaConverter"
									 value="#{combobebidaxsalonBean2.selectedBebida}" effect="fade" var="b"
										filter="true" filterMatchMode="startsWith" >
											<f:selectItem itemValue="#{null}" itemLabel="Seleccionar..." />
											<f:selectItems var="bebida" value="#{combobebidaxsalonBean2.listBebida}"
											itemLabel="#{bebida.nombreBebida}" itemValue="#{bebida}"  />
										<p:column>
											<h:outputText value="#{b.nombreBebida}" />
										</p:column>
					</p:selectOneMenu>
					<br></br>
					<br></br>
					<h:outputLabel for="cantidadID" value="Cantidad " />
					<p:inputText id="cantidadID" value="#{combobebidaxsalonBean2.detallecombobebida.cantidad}" style="width:200px"> </p:inputText>
					<br></br>
					<br></br>
					<p:commandButton value="Agregar" id="btnAgregarCombos" icon="ui-icon-disk" process="@this,combodetalle"
								 	update="singleDT" action="#{combobebidaxsalonBean2.agregarCombo}" />
                     <br />
                     <br />
					<p:dataTable id="singleDT" var="cbxs" value="#{combobebidaxsalonBean2.listDetalleComboBebida}"
						selection="#{combobebidaxsalonBean2.detallecombobebidaSelected}"
						rowKey="#{cbxs.detallecombobebida.combobebida.nombreCombo}" editable="true" style="width:50%"
						rows="5" paginator="true" paginatorPosition="bottom"
						paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}">
										
						<p:column headerText="Bebida">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputText value="#{cbxs.bebida.nombreBebida}" />
								</f:facet>
								<f:facet name="input">
													<p:inputText id="bebidaInput"
														value="#{cbxs.bebida.nombreBebida}" style="width:100%" />
												</f:facet>
							</p:cellEditor>
						</p:column>
						<p:column headerText="Cantidad">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputText value="#{cbxs.cantidad}" />
								</f:facet>
								<f:facet name="input">
													<p:inputText id="cantidadInput"
														value="#{cbxs.cantidad}" style="width:100%" />
												</f:facet>
							</p:cellEditor>
						</p:column>
						<p:column headerText="Eliminar"
							style="width:32px;text-align: center">
							<p:commandButton process="@this"
								update="singleDT" icon="ui-icon-close"
								title="View" action="#{combobebidaxsalonBean2.eliminarCombo}">
								<f:setPropertyActionListener value="#{cbxs}"
													target="#{combobebidaxsalonBean2.detallecombobebidaSelected}" />
							</p:commandButton>
						</p:column>
						
					</p:dataTable>

  
					

			</p:panel>
	
		<p:growl id="growl" life="2000" />
		<br />
		<p:commandButton value="Guardar" icon="ui-icon-disk" action="#{combobebidaxsalonBean2.guardarComboBebidaXSalon}"/> 
			
	</p:panel>
	
	 
	</ui:define>

</ui:composition>





